XAML ListView and GridView customizing interactivity sample


XAML, Windows Runtime
Controls
Windows RT
en-US
11/25/2013

This sample demonstrates the interaction model of the ListView control and includes performance enhancements introduced in Windows 8.1.

Specifically, this sample covers:

  • Creating a multi-select storefront where a user can select items and add them to a shopping cart.
  • Creating a master-details view by displaying a master list of items in a ListView control and binding a details view to the ListView.SelectedItem property.
  • Creating a static ListView that does not respond to user input.
  • Creating a ListView that enables users to pick items from the list. This scenario demonstrates the use of the SelectionMode property to enable single or multiple selection.

This sample is written in XAML. For the HTML version, see the HTML ListView customizing interactivity sample.

To obtain an evaluation copy of Windows 8.1, go to Windows 8.1.

To obtain an evaluation copy of Microsoft Visual Studio 2013, go to Visual Studio 2013.

Note  For Windows 8 app samples, download the Windows 8 app samples pack. The samples in the Windows 8 app samples pack will build and run only on Microsoft Visual Studio 2012.

Related topics

Roadmaps
Roadmap for C# and Visual Basic
Samples
Windows 8 app samples
XAML ListView and GridView essentials sample
Reference
ListView
SelectedItem
SelectionMode
Concepts
QuickStart: adding ListView and GridView controls
Touch interaction design

Operating system requirements

Client
Windows 8.1
Server
Windows Server 2012 R2

Build the sample

  1. Start Visual Studio 2013 and select File > Open > Project/Solution.
  2. Go to the directory in which you unzipped the sample. Go to the directory named for the sample, and double-click the Microsoft Visual Studio Solution (.sln) file.
  3. Press F7 or use Build > Build Solution to build the sample.

Run the sample

To debug the app and then run it, press F5 or use Debug > Start Debugging. To run the app without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.